﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div class="container">
        <div class="header">
            <a class="logo" href="http://hongthuy.com.vn"></a><a class="logo-name" href="http://hongthuy.com.vn">
                HONGTHUY.COM.VN</a>
            <div class="search">
                <input type="text" value="" />
                <a class="button-search" href="javascript:void(0);"></a>
            </div>
            <div class="phone">
                <span>092 1234123</span></div>
            <ul class="menu">
                <li class="first"><a class="active" href="">Trang chủ</a></li>
                <li><a href="">Sản phẩm</a></li>
                <li><a href="">Tin tức</a></li>
                <li><a href="">Dịch vụ khách hàng</a></li>
                <li class="last"><a href="">Tải về</a></li>
            </ul>
        </div>
        
        <div class="content">
            <div class="content-left mr20 fl">
                <div class="box-left box-left-product">
                    <div class="title">
                        Sản phẩm</div>
                    <ul>
                        <li><a href="">Camera quan sát</a></li>
                        <li><a href="">Báo động</a></li>
                        <li><a href="">Kiểm soát vào/ra</a></li>
                        <li><a href="">Âm thanh thông báo</a></li>
                        <li><a href="">Báo cháy, chữa cháy</a></li>
                        <li><a href="">Thông tin liên lạc</a></li>
                        <li><a href="">An ninh chuyên dụng</a></li>
                        <li><a href="">BMS & Nhà thông minh</a></li>
                    </ul>
                </div>
                <div class="box-left box-left-product">
                    <div class="title">
                        Hãng sản xuất</div>
                    <ul>
                        <li><a href="">Pyronix</a></li>
                    </ul>
                </div>
                <div class="box-left box-left-product type-checkbox">
                    <div class="title">
                        Tính theo giá</div>
                    <ul>
                        <li><input type="checkbox"/><a> 1</a></li>
                        <li><input type="checkbox"/><a> 2</a></li>
                        <li><input type="checkbox"/><a> 3</a></li>
                    </ul>
                </div>
                <div class="box-left box-left-news">
                    <div class="title">
                        Tin tức</div>
                    <ul>
                        <li><a href="">
                            <img alt="" src="" /></a> <a class="title-news" href="">Giải thưởng ngành công nghiệp
                                an ninh được trao cho Dedicated Micros</a> </li>
                        <li><a href="">
                            <img alt="" src="" /></a> <a class="title-news" href="">Giải thưởng ngành công nghiệp
                                an ninh được trao cho Dedicated Micros</a> </li>
                        <li><a href="">
                            <img alt="" src="" /></a> <a class="title-news" href="">Giải thưởng ngành công nghiệp
                                an ninh được trao cho Dedicated Micros</a> </li>
                        <li><a href="">
                            <img alt="" src="" /></a> <a class="title-news" href="">Giải thưởng ngành công nghiệp
                                an ninh được trao cho Dedicated Micros</a> </li>
                    </ul>
                </div>
                <div class="box-left box-left-support fl clear">
                    <div class="img-support">
                    </div>
                    <div class="support-inside">
                        <div class="city">
                            Hà Nội</div>
                        <div class="support-phone">
                            1234567890</div>
                        <div class="support-tech">
                            <div class="support-name">
                                Kĩ thuật
                            </div>
                            <a class="yahoo" href=""></a><a class="skype" href=""></a>
                        </div>
                        <div class="support-tech">
                            <div class="support-name">
                                Kinh doanh
                            </div>
                            <a class="yahoo" href=""></a><a class="skype" href=""></a>
                        </div>
                    </div>
                    <div class="support-inside support-line clear">
                        <div class="city">
                            HCMC</div>
                        <div class="support-phone">
                            1234567890</div>
                        <div class="support-tech">
                            <div class="support-name">
                                Kĩ thuật
                            </div>
                            <a class="yahoo" href=""></a><a class="skype" href=""></a>
                        </div>
                        <div class="support-tech">
                            <div class="support-name">
                                Kinh doanh
                            </div>
                            <a class="yahoo" href=""></a><a class="skype" href=""></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-right fl">
                <div class="product-detail fl">
                    <div class="head">
                        <a href="#">Trang chủ</a><span class="narrow"></span><a href="#">Sản phẩm</a><span class="narrow"></span><a href="#" class="current">Chi tiết</a>
                    </div>
                    <div class="product-detail-img fl">
                        <div class="wrapper">
                            <img width="290" height="400" src="" />
                            <span class="prev"></span>
                            <span class="next"></span>
                        </div>
                        <div class="item-image fl">
                            <ul>
                                <li><img src="" /></li>
                                <li><img src="" /></li>
                                <li><img src="" /></li>
                                <li><img src="" /></li>
                            </ul>
                        </div>
                    </div>
                    <div class="product-detail-info mt10 fl">
                        <p class="title">PT127-IP</p>
                        <p class="type">Camera quay/ quyét/ zoom, H.264</p>
                        <p class="sapo">Camera quay phù hợp với đối tượng sử dụng sản phẩm nào ..........
                                        Camera quay phù hợp với đối tượng sử dụng sản phẩm nào ..........
                                        Camera quay phù hợp với đối tượng sử dụng sản phẩm nào ..........
                                        
                        </p>
                        <div class="expire">Thời gian bảo hành: 1 năm</div>
                        <div class="social">Link mạng xã hội</div>
                        <div class="price">400.000 đ</div>
                        <div class="quantity">Số lượng : <select>
                                                                <option value="volvo">Volvo</option>
                                                                <option value="saab">Saab</option>
                                                                <option value="mercedes">Mercedes</option>
                                                                <option value="audi">Audi</option>
                                                            </select>
                        </div>
                    </div>
                </div>
                <div class="product-tab">
                    <ul>
                        <li><a href="#" class="active">Chi tiết sản phẩm</a><span class="narrow pos10"></span></li>
                        <li><a href="#">Thông số kỹ thuật</a><span class="narrow pos20 none"></span></li>
                        <li><a href="#">Hỗ trợ khách hàng</a><span class="narrow pos30 none"></span></li>
                    </ul>
                    <div class="inner-tab">
                        <div class="fl">
                            1
                        </div>
                        <div class="fl none">
                            2
                        </div>
                        <div class="fl none">
                            3
                        </div>
                    </div>
                </div>

                <p class="head-relation">CÓ THỂ BẠN QUAN TÂM</p>
                <div class="product-relation">
                    <div class="item">
                            <div class="name">
                                Camera</div>
                            <div class="img">
                                <a href="">
                                    <img alt="" src="" /></a>
                            </div>
                            <div class="code-name">
                                PT127-IP</div>
                            <div class="desc">
                                Camera quay/ quyét/ zoom, H.264, 27X, sử dụng ngoài trời, chống phá hoại</div>
                            <div class="shopping">
                                <div class="price">
                                    <div class="current">
                                        2.000.000 đ</div>
                                    <div class="discount">
                                        2.000.000 đ</div>
                                </div>
                                <a href="javascript:void(0);" class="cart"></a>
                            </div>
                        </div>
                    <div class="item">
                        <div class="name">
                            Camera</div>
                        <div class="img">
                            <a href="">
                                <img alt="" src="" /></a>
                        </div>
                        <div class="code-name">
                            PT127-IP</div>
                        <div class="desc">
                            Camera quay/ quyét/ zoom, H.264, 27X, sử dụng ngoài trời, chống phá hoại</div>
                        <div class="shopping">
                            <div class="price">
                                <div class="current">
                                    2.000.000 đ</div>
                                <div class="discount">
                                    2.000.000 đ</div>
                            </div>
                            <a href="javascript:void(0);" class="cart"></a>
                        </div>
                    </div>
                    <div class="item mr0">
                        <i class="new"></i>
                        <div class="name">
                            Camera</div>
                        <div class="img">
                            <a href="">
                                <img alt="" src="" /></a>
                        </div>
                        <div class="code-name">
                            PT127-IP</div>
                        <div class="desc">
                            Camera quay/ quyét/ zoom, H.264, 27X, sử dụng ngoài trời, chống phá hoại</div>
                        <div class="shopping">
                            <div class="price">
                                <div class="current">
                                    2.000.000 đ</div>
                                <div class="discount">
                                    2.000.000 đ</div>
                            </div>
                            <a href="javascript:void(0);" class="cart"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="contact fl  mt30 mb30">
            <div class="title">
                Đối tác</div>
            <div class="inside mt10 fl">
                <a class="left" href="javascript:void(0);"></a>
                <ul>
                    <li><a>
                        <img alt="" src="" /></a></li>
                    <li><a>
                        <img alt="" src="" /></a></li>
                    <li><a>
                        <img alt="" src="" /></a></li>
                    <li><a>
                        <img alt="" src="" /></a></li>
                </ul>
                <a class="right" href="javascript:void(0);"></a>
            </div>
        </div>
    </div>
    <div class="footer clear">
        <div class="footer-inslide">
            <div class="menu-footer">
                <ul>
                    <li>Thông tin</li>
                    <li><a href="">Về Hồng Thủy</a></li>
                    <li><a href="">Tuyển dụng</a></li>
                    <li><a href="">Liên hệ</a></li>
                </ul>
                <ul>
                    <li>Quy định chính sách</li>
                    <li><a href="">Chính sách giá</a></li>
                    <li><a href="">Chính sách thanh toán</a></li>
                </ul>
                <ul>
                    <li>Trợ giúp</li>
                    <li><a href="">Hỗ trợ</a></li>
                    <li><a href="">Hỏi đáp</a></li>
                </ul>
                <ul>
                    <li>Hướng dẫn sử dụng</li>
                </ul>
            </div>
            <div class="footer-bottom fl clear">
                <div class="left fl">
                    Chúng tôi tự hào được cung cấp sản phẩm tới quý khách
                    <br />
                    <span>HongThuy @ 2014</span>
                </div>
                <div class="right fl">
                    Chính sách bảo mật</div>
            </div>
            <div class="footer-social">
                <a href=""></a><a class="ml8" href=""></a><a class="ml8" href=""></a>
            </div>
            <a href="javascript:void(0);" class="back-top"></a>
        </div>
    </div>
</body>
</html>
